/* 
 * My97 DatePicker 4.7
 * 皮肤名称:default
 */

/* 日期选择容器 DIV */
.WdateDiv {
    width: 180px;
    background-color: #FFFFFF;
    border: #bbb 1px solid;
    padding: 2px;
}

/* 双月日历的宽度 */
.WdateDiv2 {
    width: 360px;
}

.WdateDiv * {
    font-size: 9pt;
}

/****************************
 * 导航图标 全部是A标签
 ***************************/
.WdateDiv .NavImg a {
    display: block;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.WdateDiv .NavImgll a {
    float: left;
    background: transparent url(img.gif) no-repeat scroll 0 0;
}

.WdateDiv .NavImgl a {
    float: left;
    background: transparent url(img.gif) no-repeat scroll -16px 0;
}

.WdateDiv .NavImgr a {
    float: right;
    background: transparent url(img.gif) no-repeat scroll -32px 0;
}

.WdateDiv .NavImgrr a {
    float: right;
    background: transparent url(img.gif) no-repeat scroll -48px 0;
}

/****************************
 * 年份月份相关
 ***************************/
/* 年份月份栏 DIV */
.WdateDiv #dpTitle {
    height: 24px;
    margin-bottom: 2px;
    padding: 1px;
}

/* 年份月份输入框 INPUT */
.WdateDiv .yminput {
    margin-top: 2px;
    text-align: center;
    height: 20px;
    border: 0px;
    width: 50px;
    cursor: pointer;
}

/* 年份月份输入框获得焦点时的样式 INPUT */
.WdateDiv .yminputfocus {
    margin-top: 2px;
    text-align: center;
    font-weight: bold;
    height: 20px;
    color: blue;
    border: #ccc 1px solid;
    width: 50px;
}

/* 菜单选择框 DIV */
.WdateDiv .menuSel {
    z-index: 1;
    position: absolute;
    background-color: #FFFFFF;
    border: #ccc 1px solid;
    display: none;
}

/* 菜单的样式 TD */
.WdateDiv .menu {
    cursor: pointer;
    background-color: #fff;
}

/* 菜单的mouseover样式 TD */
.WdateDiv .menuOn {
    cursor: pointer;
    background-color: #BEEBEE;
}

/* 菜单无效时的样式 TD */
.WdateDiv .invalidMenu {
    color: #aaa;
}

/* 年选择框的偏移 DIV */
.WdateDiv .YMenu {
    margin-top: 20px;

}

/* 月选择框的偏移 DIV */
.WdateDiv .MMenu {
    margin-top: 20px;
    *width: 62px;
}

/* 时选择框的位置 DIV */
.WdateDiv .hhMenu {
    margin-top: -90px;
    margin-left: 26px;
}

/* 分选择框的位置 DIV */
.WdateDiv .mmMenu {
    margin-top: -46px;
    margin-left: 26px;
}

/* 秒选择框的位置 DIV */
.WdateDiv .ssMenu {
    margin-top: -24px;
    margin-left: 26px;
}

/****************************
 * 周相关
 ***************************/
.WdateDiv .Wweek {
    text-align: center;
    background: #DAF3F5;
    border-right: #BDEBEE 1px solid;
}

/****************************
 * 星期,日期相关
 ***************************/
/* 星期栏 TR */
.WdateDiv .MTitle {
    background-color: #BDEBEE;
}

.WdateDiv .WdayTable2 {
    border-collapse: collapse;
    border: #c5d9e8 1px solid;
}

.WdateDiv .WdayTable2 table {
    border: 0;
}

/* 日期栏表格 TABLE */
.WdateDiv .WdayTable {
    line-height: 20px;
    border: #c5d9e8 1px solid;
}

.WdateDiv .WdayTable td {
    text-align: center;
}

/* 日期格的样式 TD */
.WdateDiv .Wday {
    cursor: pointer;
}

/* 日期格的mouseover样式 TD */
.WdateDiv .WdayOn {
    cursor: pointer;
    background-color: #C0EBEF;
}

/* 周末日期格的样式 TD */
.WdateDiv .Wwday {
    cursor: pointer;
    color: #FF2F2F;
}

/* 周末日期格的mouseover样式 TD */
.WdateDiv .WwdayOn {
    cursor: pointer;
    color: #000;
    background-color: #C0EBEF;
}

.WdateDiv .Wtoday {
    cursor: pointer;
    color: blue;
}

.WdateDiv .Wselday {
    background-color: #A9E4E9;
}

.WdateDiv .WspecialDay {
    background-color: #66F4DF;
}

/* 其他月份的日期 */
.WdateDiv .WotherDay {
    cursor: pointer;
    color: #6A6AFF;
}

/* 其他月份的日期mouseover样式 */
.WdateDiv .WotherDayOn {
    cursor: pointer;
    background-color: #C0EBEF;
}

/* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */
.WdateDiv .WinvalidDay {
    color: #aaa;
}

/****************************
 * 时间相关
 ***************************/
/* 时间栏 DIV */
.WdateDiv #dpTime {
    float: left;
    margin-top: 3px;
    margin-right: 30px;
}

/* 时间文字 SPAN */
.WdateDiv #dpTime #dpTimeStr {
    margin-left: 1px;
}

/* 时间输入框 INPUT */
.WdateDiv #dpTime input {
    width: 18px;
    height: 20px;
    text-align: center;
    border: #ccc 1px solid;
}

/* 时间 时 INPUT */
.WdateDiv #dpTime .tB {
    border-right: 0px;
}

/* 时间 分和间隔符 ':' INPUT */
.WdateDiv #dpTime .tE {
    border-left: 0;
    border-right: 0;
}

/* 时间 秒 INPUT */
.WdateDiv #dpTime .tm {
    width: 7px;
    border-left: 0;
    border-right: 0;
}

/* 时间右边的向上按钮 BUTTON */
.WdateDiv #dpTime #dpTimeUp {
    height: 10px;
    width: 13px;
    border: 0px;
    background: url(img.gif) no-repeat -32px -16px;
}

/* 时间右边的向下按钮 BUTTON */
.WdateDiv #dpTime #dpTimeDown {
    height: 10px;
    width: 13px;
    border: 0px;
    background: url(img.gif) no-repeat -48px -16px;
}

/****************************
 * 其他
 ***************************/
.WdateDiv #dpQS {
    float: left;
    margin-right: 3px;
    margin-top: 3px;
    background: url(img.gif) no-repeat 0px -16px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.WdateDiv #dpControl {
    text-align: right;
}

.WdateDiv .dpButton {
    height: 20px;
    width: 45px;
    border: #ccc 1px solid;
    margin-top: 2px;
    margin-right: 1px;
}